@charset "UTF-8";

// layaFlash
.layaFlash{
  width: 100%;
  background-color: #8BC01F;
  color: #FFFFFF;
  padding: 60px 0;
  margin-top: 50px;
  .caption{
    .caption_num{
      font-size: 48px;
      font-weight: bold;
      color: #8BC01F;
      padding: 0 14px;
      border-radius: 2px;
      background-color: #fff;
    }
    .caption_title{
      font-size: 48px;
      margin-left: 10px;
    }
  }
  .flashContent{
    padding-left: 15px;
    p{
      font-size: 24px;
    }
    ul{
      list-style: none;
      margin: 0;
      padding: 0;
      li{
        list-style: none;
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 15px;
      }
    }
    .flashBtn{
      margin-top: 30px;
      .flashBtn_a{
        color: #8BC01F;
        background-color: #e8f2d2;
      }
    }
  }
}

// layaPlayer
.layaPlayer{
  width: 100%;
  background-color: #3393DF;
  color: #ffffff;
  padding: 60px 0;
  .player_img1{
    margin: 0 auto;
  }
  .caption{
    .caption_num2{
      font-size: 48px;
      font-weight: bold;
      color: #3393DF;
      padding: 0 14px;
      border-radius: 2px;
      background-color: #fff;
    }
    .caption_title{
      font-size: 48px;
      margin-left: 10px;
    }
  }
  .player_content{
    .player_title{
      font-size: 24px;
      margin-top: 20px;
      margin-bottom: 5px;
    }
    .player_dec{
      font-size: 14px;
      line-height: 30px;
    }
  }
  .layaPlayer_right{
    padding-top: 150px;
  }
}

// layaAir & layaOpen
.layaAirOpen{
  width: 100%;
  background-color: #FFFFFF;
  color: #5d5d5d;
  padding: 60px 0;
  .caption{
    .caption_num3{
      font-size: 48px;
      font-weight: bold;
      color: #FFFFFF;
      padding: 0 14px;
      border-radius: 2px;
      background-color: #3393df;
    }
    .caption_title{
      font-size: 48px;
      margin-left: 10px;
      color: #3393df;
    }
  }
  .aoHeader{
    line-height: 30px;
  }
  .SmallTitle{
    color: #3393df;
    margin-top: 25px;
    line-height: 30px;
  }
  .titleDec{
    font-size: 14px;
    text-indent: 25px;
    line-height: 25px;
  }
  .aoImg{
    text-align: center;
    margin: 30px 0 26px 0;
  }
}

// layaStore & layaPublish
.layaStorePublish{
  width: 100%;
  background-color: #F7F7F7;
  color: #5d5d5d;
  padding: 60px 0;
  .caption{
    .caption_num5{
      font-size: 48px;
      font-weight: bold;
      color: #FFFFFF;
      padding: 0 14px;
      border-radius: 2px;
      background-color: #3393df;
    }
    .caption_title{
      font-size: 48px;
      margin-left: 10px;
      color: #3393df;
    }
  }
  .aoHeader{
    line-height: 30px;
  }
  .SmallTitle{
    color: #3393df;
    margin-top: 25px;
    line-height: 30px;
  }
  .titleDec{
    font-size: 14px;
    text-indent: 25px;
    line-height: 25px;
  }
  .spImg{
    text-align: center;
    margin: 30px 0 26px 0;
  }
}

@media (max-width: 480px) {
  .layaStorePublish{
    .caption{
      .caption_title{
        font-size: 40px;
      }
    }
  }
  .layaFlash .caption .caption_title,.layaPlayer .caption .caption_title,.layaAirOpen .caption .caption_title{
    font-size: 44px;
  }
}